<%@taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page contentType="text/html" pageEncoding="utf-8"%>
<div id="frontpage-content">
    <div id="featured-section">
        <h3>Web Card Sorting Service is easy to use.</h3>
        <img id="featured-section-img" src="<c:url value="/resources/images/400x225.gif" />" width="400" height="225" alt="" />
        <div id="featured-section-details">
            <h4>Some words about service.</h4>
            <p>A web-based service which supports open and closed card sorting. Very friendly and easy to use .
                Provides online data analysis and visualization features. </p>
            <a class="button" href="#">Get it free</a> </div>
        <!--end featured-section-details-->
    </div>
    <!--end featured-section-->
    <div class="line"></div>
    <div id="latest-projects">
        <h3>Data submission</h3>
        <div class="latest-project first-latest-project">
            <p><h4>Table view</h4></p>
            <a href="#"><img width="280" height="190" src="<c:url value="/resources/images/data_submission1.png"/>" class="post-image" alt="" /></a> </div>
        <!--end latest-project-->
        <div class="latest-project">
            <p><h4>Chart view</h4></p>
            <a href="#"><img width="280" height="190" src="<c:url value="/resources/images/data_submission2.png"/>" class="post-image" alt="" /></a> </div>
        <!--end latest-project-->
        <div class="latest-project">
            <p><h4>Tree view</h4></p>
            <a href="#"><img width="280" height="190" src="<c:url value="/resources/images/data_submission3.png"/>" class="post-image" alt="" /></a> </div>
        <!--end latest-project-->
    </div>
    <!--end latest-projects-->
    <div class="line"></div>
    <div id="overview">
        <div class="overview-block first">
            <h4>About Us</h4>
            <p>We've been designing and developing high quality websites for over 8 years.</p>
            <p><a href="#">Learn More About Us » </a></p>
        </div>
        <!--end overview-block-->
        <div class="overview-block">
            <h4>Services Available</h4>
            <p>Now this is service is free to use. It's running in a test mode. </p>
            <p><a href="#">View Services Available »</a></p>
        </div>
        <!--end overview-block-->
        <div class="overview-block">
            <h4>Suggestions</h4>
            <p>
                If you have any suggestion about improving that service, please contact with us.
            </p>
            <p><a href="#">View All Publications »</a></p>
        </div>
        <!--end overview-block-->
    </div>
    <!--end overview-->
</div>